<template>
  <div>
    <div
      class="lass"
      v-for="item in list"
      :key="item.desc"
      @click="$router.push('/popo/' + item.id)"
    >
      <!-- <div ></div> -->
      <img :src="'http://liufusong.top:8080' + item.houseImg" alt="" />
      <div class="la">
        <div class="d">{{ item.desc }}</div>
        <div class="a">{{ item.title }}</div>
        <div class="b">近地铁</div>
        <div class="c">{{ item.price }}元/月</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    list: Array
  }
}
</script>

<style scoped lang="less">
.lass {
  height: 120px;
  display: flex;

  img {
    margin-left: 10px;
    margin-right: 10px;
    height: 80px;
    width: 106px;
  }
  .la {
    .d {
      font-size: 22px;
      font-weight: 300;
    }
    .a {
      color: #afb2b3;
    }
    .b {
      width: 50px;
      height: 20px;
      font-size: 16px;
      color: blue;
      background-color: aquamarine;
      border-radius: 5px;
    }
    .c {
      color: red;
    }
  }
}</style>
